import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Image} from 'react-native';
import { Tabs } from 'antd-mobile-rn';
import ShareCar from "./ShareCar";

export default class Home extends Component {

    static defaultProps = {
        openDrawer:false,
    }

    constructor(props) {
        super(props)
    }

    render() {
        const tabs = [
            { title: '出租车' },
            { title: '城际拼车' },
            { title: '闪送' },
        ];
        return (
            <View style={styles.container}>
                <Tabs tabs={tabs} tabBarUnderlineStyle={{width:80}} initialPage={1} animated={true} swipeable={false} tabBarPosition="top">
                    <ShareCar/>
                    <View style={[styles.container,{backgroundColor: "green"}]}/>
                    <View style={[styles.container,{backgroundColor: "yellow"}]}/>
                </Tabs>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        width: "100%",
        flex:1,
        backgroundColor: '#f0f0f0',
    },

});